


        main .news .fluid .mainContn .newsList .item{
            -webkit-tap-highlight-color:transparent;
        }

        main .headPic{
            height: 720px;
        }
        main .news{
            background: #fff;
            padding-bottom: 90px;
        }
        main .news .fluid{
            overflow: hidden;
            margin-top: -320px;
            position: relative;
        }
        main .news .fluid.ready{
            opacity: 0;
            transition: opacity .6s .4s;
        }
        main .news .fluid.frozen{
            opacity: 1;
            transform: translateY(0px);
        }
        main .news .fluid .mainContn{
            width: 68%;
            background: #f2f2f2;
            padding:0px 70px;
            padding-bottom: 35px;
        }
        main .news .fluid .mainContn nav{
            color: #999;
        }
        main .news .fluid .mainContn nav span{
            font-size: 14px;
            line-height: 70px;
            display: inline-block;
        }
        main .news .fluid .mainContn nav .current{
            color: #666;
        }
        main .news .fluid .mainContn .newsList .item{
            margin-top: 25px;
            padding-bottom:25px;
            border-bottom: 1px dashed #d2d2d2;
            cursor: pointer;
        }
        main .news .fluid .mainContn .newsList .item .pic{
            width: 165px;
            height: 125px;
            border-radius: 7px;
            overflow: hidden;
        }
        main .news .fluid .mainContn .newsList .item .pic img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        main .news .fluid .mainContn .newsList .item .content{
            flex: 1;
            padding-left: 20px;
            color: #999;
            font-size: 14px;
            flex-direction: column;
        }
        main .news .fluid .mainContn .newsList .item .content .txt{
            flex: 1;

        }
        main .news .fluid .mainContn .newsList .item .content .txt .txtTitle{
            font-size: 18px;
            color: #000;
            margin-bottom: 15px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            white-space: normal;
            word-break: break-all;
        }
        main .news .fluid .mainContn .newsList .item .info{
            line-height: 155%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            white-space: normal;
            word-break: break-all;
        }
        main .news .fluid .mainContn .newsList .item .content .date{
            line-height: 14px;
            margin-bottom: 3px;
        }
        main .news .fluid .mainContn .pages{
            margin-top: 45px;
        }
        main .news .fluid .mainContn .pages a{
            padding: 0px 15px;
            line-height: 40px;
            font-size: 13px;
            font-weight: bold;
            border:1px solid #dcdcdc;
            transition: all ease .5s;
            background: #fff;
        }
        main .news .fluid .mainContn .pages a + a{
            margin-left: 5px;
        }
        main .news .fluid .mainContn .pages a.current,
        main .news .fluid .mainContn .pages a:hover{
            background: #df2532;
            color: #fff;
            border-color: #df2532;
        } 
        main .news .fluid .sort{
            background: #ccc;
            width: 32%;
        }
        main .news .fluid .sort a p{
            padding:40px 0px;
            font-size: 18px;
            text-align: center;
            color: #df2532;
            border-bottom: 1px solid #df2532;
            position: relative;
        }
        
        main .news .fluid .sort a:first-child p{
            padding-top: 80px;
            font-size: 24px;
            padding-bottom: 30px;
        }
        main .news .fluid .sort a p.current{
            color: #fff;
            background: #df2532;
        }
        main .news .fluid .sort a{
            display: block;
        
        }
        main .news .fluid .sort a p img{
            display: none;
            position: absolute;
            top: 50%;
            transform:translateY(-50%);
            right: 100%;
        }
        main .news .fluid .sort a p.current img{
            display: block;
        }

        main .news .fluid .mainContn .newsDetails h5{
            margin-top: 25px;
            text-align: center;
            font-size: 20px;
            padding: 0px 25px;
        }
        main .news .fluid .mainContn .newsDetails .date{
            font-size: 14px;
            text-align: center;
            margin-top: 20px;
            margin-bottom: 45px;
        }
        main .news .fluid .mainContn .newsDetails .content{
            padding-bottom: 50px;
            border-bottom: 1px solid #dcdcdc;
        }
        main .news .fluid .mainContn .newsDetails .content p{
            font-size: 14px;
            line-height: 140%;
        }
        main .news .fluid .mainContn .newsDetails .content p + p{
            margin-top: 20px;
        }
        main .news .fluid .mainContn .newsDetails .content .pic{
            margin-top: 30px;
            margin-bottom: 40px;
            border-radius: 8px;
            overflow: hidden;
        }
        main .news .fluid .mainContn .newsDetails .content .pic img{
            width: 100%;
        }
        main .news .fluid .mainContn .prevOrNext{
            margin-top: 30px;
        }
        main .news .fluid .mainContn .prevOrNext a{
            display: inline-block;
            line-height: 14px;
            font-size: 14px;
            color: #666;
            width: 75%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            white-space: normal;
            word-break: break-all;
        }
        main .news .fluid .mainContn .prevOrNext a span{
            color: #999;
        }
        main .news .fluid .mainContn .prevOrNext .back{
            text-align: right;
        }
        main .news .fluid .mainContn .prevOrNext .back a{
            color: #000;
            padding-right: 30px;
            position: relative;
            line-height: 16px;
            font-size: 16px;
            width: 100%;
        }
        main .news .fluid .mainContn .prevOrNext .back a img{
            position: absolute;
            top: 50%;
            transform:translateY(-50%);
            right: 0px;
        }

        @media (max-width:1240px){
            main .headPic.frozen{
                height: 50vw;
            }
            main .news .fluid{
                margin-top: -20vw;
            }
            main .news .fluid .mainContn{
                padding-left:4vw;
                padding-right: 4vw;
            }
            main .news .fluid .sort a:first-child p{
                padding-top: 60px;
                padding-bottom: 25px;
                font-size: 22px;
            }
            main .news .fluid .sort a p{
                padding: 30px 0px;
            }
        }
        @media(max-width:1024px){
            main .news .fluid .sort a p{
                padding: 3vw 0px;
                font-size: 16px;
            }
            main .news .fluid .mainContn .pages a{
                line-height: 30px;
            }
        }
        @media(max-width:767px){
            main .headPic.frozen{
                height: 300px;
            }
            main .news .fluid{
                flex-direction: column-reverse;
            }
            main .news .fluid .sort{
                width: 100%;
                overflow: hidden;
            }
            main .news .fluid .sort a{
                width: 50%;
                float: left;
            }
            main .news .fluid .sort a:first-child{
                width: 100%;
            }
            main .news .fluid .sort a:first-child p{
                padding-top: 35px;
                padding-bottom: 15px;
                font-size: 20px;
            }
            main .news .fluid .sort a:last-child p{
                border-left: 1px solid #df2532;
            }
            main .news .fluid .mainContn{
                width: 100%;
            }
            main .news .fluid .sort a p.current img{
                display: none;
            }
            main .news .fluid .mainContn .newsList .item{
                display: block;
            }
           
            main .news .fluid .mainContn .newsList .item .pic{
                width: 100%;
                height: 200px;
            }
            main .news .fluid .mainContn .newsList .item .content{
                padding-left: 0px;
                display: block;
            }
            main .news .fluid .mainContn .newsList .item .content .txt .txtTitle{
                font-size: 16px;
                margin-top: 15px;
                -webkit-line-clamp: 2;
                height: 42px;
            }
            main .news .fluid .mainContn .newsList .item .content .txt .info{
                font-size: 12px;
                -webkit-line-clamp: 5;
                height: 89px;
            }
            main .news .fluid .mainContn .newsList .item .content .date{
                margin-top: 25px;
                margin-bottom: 0px;
                font-size:12px ;
            }
            main .news .fluid .sort a p{
                font-size: 14px;
            }
            main .news .fluid .mainContn .pages a{
                font-size: 12px;
                line-height: 25px;
                padding: 0px 5px;
            }
            main .news .fluid .mainContn .pages a + a{
                margin-left: 6px;
            }
            main .news .fluid .mainContn .newsDetails h5{
                font-size: 18px;
                padding: 0px 10px;
            }
            main .news .fluid .mainContn .newsDetails .date{
                margin-top: 15px;
                margin-bottom: 30px;
            }
            main .news .fluid .mainContn .newsDetails .content .pic{
                margin-top: 25px;
                margin-bottom: 35px;
            }
            main .news .fluid .mainContn .newsDetails .content p{
                font-size: 12px;
            }
            main .news .fluid .mainContn .newsDetails .content p + p{
                margin-top: 15px;
            }
            main .news .fluid .mainContn .prevOrNext a{
                width: 60%;
                font-size: 12px;
                height: 14px;
            }
            main .news .fluid .mainContn .prevOrNext .back a{
                font-size: 14px;
                overflow: initial;
                line-height: 14px;
                padding-right: 25px;
            }
        }